
<template>
    <div class="rider_my_account">
        <div class="account_content">
            <div class="account_info_box">
                <div class="account_title">
                    账户余额
                </div>
                <div class="flexStyleBetween money_amount_container">
                    <div class="money_amount_box">
                        <div class="money_amount">
                            {{ accountOverview.wallet.available_amount }}
                        </div>
                        <div class="money_text">
                            元
                        </div>
                    </div>
                    <div class="withdraw_box">
                        <div class="withdraw_btn">提现</div>
                    </div>
                </div>
            </div>
            <div class="helper_item_box">
                <div class="item_box" @click="goToOtherPage(`/riderUser/pages/funds-details/funds-details`)">
                    <div class="item_icon">
                        <uni-icons type="wallet-filled" size="30" color="#fcb138" class="uni_icon_icon"></uni-icons>
                    </div>
                    <div class="item_text">
                        资金明细
                    </div>
                </div>
                <div class="item_box" @click="goToOtherPage(`/riderUser/pages/order-statistics/order-statistics`)">
                    <div class="item_icon">
                        <uni-icons type="calendar-filled" size="30" color="#a46fff" class="uni_icon_icon"></uni-icons>
                    </div>
                    <div class="item_text">
                        订单统计
                    </div>
                </div>
                <div class="item_box" @click="goToOtherPage(`/riderUser/pages/withdraw/withdraw`)">
                    <div class="item_icon">
                        <uni-icons type="folder-add-filled" size="30" color="#0bc76f" class="uni_icon_icon"></uni-icons>
                    </div>
                    <div class="item_text">
                        发起提现
                    </div>
                </div>
                <div class="item_box" @click="goToOtherPage(`/riderUser/pages/bank-account/bank-account`)">
                    <div class="item_icon">
                        <uni-icons type="tune-filled" size="30" color="#5a80ed" class="uni_icon_icon"></uni-icons>
                    </div>
                    <div class="item_text">
                        银行卡
                    </div>
                </div>
            </div>
            <div class="today_order_list">
                <div class="today_order_title">
                    <div class="today_order_text">
                        今日明细
                    </div>
                    <!-- <div class="today_get_money">
                        66.2
                        <div class="money_text" style="bottom:3px">元</div>
                    </div> -->
                </div>
                <div class="order_list_box">
                    <div 
                        class="item" 
                        v-for="(item,index) in toDayOrderList" 
                        :key="index"
                        @click="goToOtherPage(`/riderUser/pages/order-details/order-details`,{
                            orderId:item.order_id
                        })"
                    >
                        <div 
                            class="it_title income" 
                        >
                            <div class="income_type_box flex flexAlignItems">
                                <div 
                                    class="income_type" 
                                    :style="orderStatusToggle[item.current_rider_order_status].style"
                                >
                                    {{ orderStatusToggle[item.current_rider_order_status].text }}
                                </div>

                                <div 
                                    class="income_type _margin_left10" 
                                    :style="tableModuleToggle[item.moduleName].style"
                                >
                                    {{ tableModuleToggle[item.moduleName].name  }}
                                </div>
                            </div>

                            <div class="income_money" 
                                :class="{
                                    '_gray_color':item.current_rider_order_status === 2,
                                    '_blue_color':item.current_rider_order_status === 3,
                                }"
                            >
                                <div 
                                    class="money_amount_text"
                                    v-if="item.current_rider_order_status !== 3"
                                >
                                    +{{ item.rider_get_all_rebate_yuan }}
                                </div>
                                <div 
                                    class="money_amount_text"
                                    v-else
                                >
                                    {{ item.rider_get_all_rebate_yuan }}
                                </div>
                                <div class="money_text">元</div>
                                <div class="gray_tips_text" v-if="item.current_rider_order_status === 2">
                                    (未入账)
                                </div>
                            </div>
                        </div>
                        <div class="it_cont">
                            <div class="left_cont">
                                <div class="left_cont_top cont_item flex flexAlignItems">
                                    <div class="left_cont_icon left_cont_icon1"></div>
                                    <div class="left_cont_text">
                                        {{ item.store_info.store_name }}
                                    </div>
                                </div>
                                <div class="left_cont_bottom cont_item flex flexAlignItems">
                                    <div class="left_cont_icon left_cont_icon2"></div>
                                    <div class="left_cont_text">
                                        {{ item.user_address_text }}
                                    </div>
                                </div>
                            </div>
                            <div class="right_cont">
                                <uni-icons type="right" size="20"></uni-icons>
                            </div>
                        </div>
                        <div class="order_cont">
                            订单编号：{{ item.order_id }}
                        </div>
                    </div>
                </div>

                <div 
                    v-if="toDayOrderList.length===0"
						class="order_empty_box noDataBox"
					>
						<div class="noDataBorder">
							<image src="~@/static/images/nodata.png" class="nodataPic"/>
						</div>
						<div class="noDataTips">
							当前暂无任何相关订单~~
						</div>
					</div>

                <view 
                    class="foot" 
                    style="margin-top: 10px;"
                    v-else
                >
                    <div class="load-more">
                        <uni-load-more iconType="circle" :status="loadMoreConfig.status" :content-text="loadMoreConfig.text"  />
                    </div>
                </view>

            </div>
        </div>
    </div>
</template>

<script src="./my-account.ts" lang="ts"></script>

<style lang="stylus" scoped>
@import './my-account.styl';
</style>
